@charset "utf-8";
@import "common/reset";
@import "common/common";
.web {
    position: relative;
    width: 100%;
    overflow: hidden;
    header {
        height: n(150px);
         
        .left {
            width: n(146px);

            img {
                width: n(123px);
                margin-left: n(23px);
                margin-top: n(17px);
            }
        }
        .right {
            width: n(184px);

            select {
                -webkit-appearance: none; //清楚默认样式
                width: n(159px);
                height: n(55px);
                border: n(2px) solid #ff9344;
                background: url("../images/xialkuang.png") no-repeat right n(12px) top n(22px) #ffffff;
                border-radius: n(3px);
                background-size: n(30px) n(16px);
                text-indent: n(13px);
                margin-right: n(22px);
                font-size: n(26px);
                margin-top: n(48px);
            }
        }
        .center {

            overflow: hidden;

            .search {
                box-sizing: border-box;
                line-height: n(54px);
                margin: 0 auto;
                width: n(268px);
                height: n(54px);
                border: $border-color n(2px)solid;
                border-radius: n(25px);
                margin-top: n(53px);
                font-size: 0;
                input {
                    vertical-align: middle;
                    width: n(195px);
                    background: none;
                    border: none;
                    height: n(50px);
                    line-height: n(50px);
                    margin-left: n(18px);
                    padding: 0 n(12px);
                    font-size: n(24px);
                }
                i {
                    font-size: n(34px);
                    vertical-align: middle;
                    color: $border-color;
                    margin-left: n(-13px);
                }
            }
        }
    }
    
    
    .photo {
        margin: 0 auto;
        img {
            
            width: 100%;
        }
    }
    .group {
        .favorable {
            line-height: n(55px);
            i {
                margin-left: n(21px);
                color: $border-color;
                vertical-align: middle;
                font-size: n(55px);
            }
            span {
                font-size: n(30px);
                vertical-align: middle;
            }
        }
        .move {
            line-height: n(55px);
            a {
                color: #000000;
                vertical-align: middle;
                font-size: n(30px);
            }
            i {
                margin-right: n(20px);
                vertical-align: middle;
                color: $border-color;
                font-size: n(24px);
            }
        }
    }
    .gospel {
        ul {
            li {
                padding-top: n(30px);
                float: left;
                width: 50%;
                text-align: center;
                img {
                    width: n(240px);
                    height: n(100px);
                }
            }
        }
        }
        .like {
           
            width: 100%;
            margin-top: n(35px);
            .sushi{
                    
                img{                    
                   width:n(210px);
                   height: n(164px);               
                }
            }
            .duck{
                .grandview{
                    margin-left: n(20px);
                    margin-top: n(6px);
                     line-height: n(50px);
                    a{
                        display: inline-block;
                        width: n(270px);
                        overflow : hidden;
                        text-overflow : ellipsis; 
                        white-space : nowrap; 
                        font-size: n(30px);
                        color: #000;
                    }
                    p{
                        width: n(230px);
                        overflow : hidden;
                        text-overflow : ellipsis; 
                        white-space : nowrap; 
                        color: #494949;
                        font-size: n(22px);
                    }
                    span{
                        font-size: n(32px);
                        color: $border-color;
                    }
                }
                .sold{
                    margin-right: n(15px);
                    margin-top: n(6px);
                    line-height: n(50px);
                    p{
                      font-size: n(22px);  
                    }
                    span{
                        width: n(110px);
                        overflow : hidden;
                        text-overflow : ellipsis; 
                        white-space : nowrap; 
                        
                        margin-right: n(15px);
                        display: inline-block;
                        margin-top: n(40px);
                        font-size: n(22px);
                    }
                }
            }
        }
    
}
section{
   margin-bottom:80px;
}
